<!doctype html>
<html lang="en">
  <head>
    <%= htmlWebpackPlugin.options.tags.head %>
    <!-- 页面css -->
    <link rel="stylesheet" href="./css/login.css" />
  </head>

  <body>
    <div class="page">
      <header class="page-header page-header-primary">
        <div class="page-header-nav transparent">
          <div class="header-nav-title">
            <h2 class="flex-1 font-size-big font-weight-bold text-align-center" style="visibility: hidden">inballbeat</h2>
          </div>
        </div>
      </header>
      <!-- 内容主体 -->
      <main class="page-main">
        <div class="flex-column align-center">
          <a class="flex full-width margin-bottom-20" onclick="router.back()">
            <img class="width-height-15 margin-left-15 margin-top-5" src="./images/close_icon.png" alt="" srcset="" />
          </a>

          <div class="font-size-big font-weight-bold margin-top-40 margin-bottom-40">inballbeat</div>

          <div class="margin-top-40 margin-bottom-30">Log in</div>

          <div class="justify-around full-width padding-x-15">
            <div class="flex-1 flex-column align-center">
              <img class="width-height-30 margin-bottom-10" src="./images/ball_park.png" alt="" srcset="" />
              <span class="text-color-regular font-size-min">Twiter</span>
            </div>
            <div class="flex-1 flex-column align-center">
              <img class="width-height-30 margin-bottom-10" src="./images/ball_park.png" alt="" srcset="" />
              <span class="text-color-regular font-size-min">Facebook</span>
            </div>
            <div class="flex-1 flex-column align-center">
              <img class="width-height-30 margin-bottom-10" src="./images/ball_park.png" alt="" srcset="" />
              <span class="text-color-regular font-size-min">google</span>
            </div>
          </div>
        </div>
      </main>
    </div>

    <%= htmlWebpackPlugin.options.tags.foot %>
  </body>
</html>
